/* 导航部分 */
.nav{
     position: relative;
     width: 100%;
     height: 100px;
     
}
.container{
     width: 1226px;
     margin: 0 auto;
}
.logo{
     margin-top: 22px;
     float: left;
     width: 56px;
     height: 56px;
}
.logo img{
     width: 100%;
}


.nav-bar{
     float: left;
     width: 874px;
     height: 100px;
     line-height: 100px;
     padding-left: 172px;
     box-sizing: border-box;
     cursor: pointer;
     
}
.nav-bar>ul>li{
     float: left;
     padding: 0 10px;
     font-size: 16px;
     color: #333;
}

.search{
     float: left;
     width: 296px;
     height: 50px;
     margin-top: 25px;
     position: relative;
}

.nav-bar>ul>li a:hover{
     color: #ff6700;

}

/* 下拉列表 */
.nav-bar-list{
     z-index: 800;
     position: absolute;
     left: 0;
     top: 100px;
     width: 100%;
     height: 229px;
     background-color: #fff;
     border-top: 1px solid #e0e0e0;
     box-shadow: 0 3px 4px rgb(0, 0, 0,.18);
     display: none;
}
.nav-bar li:hover>.nav-bar-list {
     display: block;
}

/* 下拉列表的内容 */
.nav-bar-list li {
     
     float: left;
     margin-top: 35px;
     width: 204px;
    
    
}
.nav-img{
     width: 100%;
     height: 110px;
     border-right: 1px solid #e0e0e0;
     box-sizing: border-box;
     margin-bottom: 40px;
}
.nav-bar-list p{
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     color: #333;
}
.nav-bar-list p:nth-of-type(2){
     color: #ff6700;
}
.nav-bar-list li:last-child .nav-img{
     border-right: none;
}

/* 搜素框 */
.search input{
     float: left;
     width: 223px;
     height: 48px;
     border: 1px solid #e0e0e0;
     border-right: none;
     padding: 0 10px;
     outline: none;
     transition: all .2s;
}
.search>button{
     float: left;
     width: 52px;
     height: 48px;
     background-color: #fff;
     border: 1px solid #e0e0e0;
}
.search>button:hover{
     background-color: #ff6700;
     border-color: #ff6700;
}
.search .icon-fangdajing{
     color: #b1b1b1;
     size: 16px;
}

.search input:hover, .search input:hover + button{
     border-color: #b0b0b0;
}
.search input:focus, .search input:focus + button{
     border-color: #ff6700;
}

.search-list{
     position: absolute;
     left: 0;
     top: 47px;
     width: 224px;
     height: 240px;
     border: 1px solid #ff6700;
     border-top: none;
     display: none;
     background: #fff;
}
.search input:focus~.search-list{
     display: block;
}

.search-list>a{
     display: block;
     width: 100%;
     height: 30px;
     padding: 6px 15px;
     box-sizing: border-box;
     text-align: left;
}
.search-list>a:hover{
     background-color: #fafafa;
}